﻿@{
    Layout = "~/Areas/en/Views/Shared/_LayoutPage1.cshtml";
}

<div class="row" ng-controller="employeeController" ng-init="getEmployees();">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>Employee <small>List of Employees </small></h2>
                <a href="newemployee" class="btn btn-dark btn-sm alignright">Add New Employee</a>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div class="alert alert-info" style="display:none"></div>
                <br />
                <div class="datatable" style="display:none">
                    <table id="datatable" class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>Employee No.</th>
                                <th>Name</th>
                                <th>Mobile No.</th>
                                <th>Active</th>
                                <th style="width:50px">Action</th>
                            </tr>
                        </thead>


                        <tbody>
                            <tr ng-repeat="employee in employees">
                                <td>{{ employee.EMPLOYEENO }}</td>
                                <td>{{ employee.NAME }}</td>
                                <td>{{ employee.MOBILENO }}</td>
                                <td>{{ employee.ACTIVE }}</td>
                                <td>
                                    <a href="~/en/employee/editemployee/#/?id={{employee.ID}}" class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i> Edit</a>
                                </td>

                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


